﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 模板</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/theme-color.css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body style="background: #fff;">
<header class="zyw-header">
    <div class="zyw-container white-color">
        <div class="head-l"><a href="javascript:window.history.back(-1)" target="_self"><img src="picture/head-return.svg" alt=""></a></div>
        <h1>我的收藏</h1>
        <div class="head-r"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></div>
    </div>
</header>
<section class="zyw-container">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item--on" href="#tab_star">收藏</a>
            <a class="weui-navbar__item" href="#tab_like">喜欢</a>
            <a class="weui-navbar__item" href="#tab_history">足迹</a>
        </div>
        <div class="weui-tab__bd">
            <div id="tab_star" class="weui-tab__bd-item weui-tab__bd-item--active">
                <div class="index-wares">
                    <!--<div class="wares-title"><img src="picture/tb1aw9jsvxxxxxqxxxxxxxxxxxx-1500-68.png" alt=""></div>-->
                    <div class="wares-cont">
                        <ul class="clearfix">
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a27ae6dnc530b5bb.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a163dd1ne09fad4b.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a546fadn096d46b4.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/596c8b4en3c8ba6a7.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="tab_like" class="weui-tab__bd-item">
                <div class="index-wares">
                    <!--<div class="wares-title"><img src="picture/tb1aw9jsvxxxxxqxxxxxxxxxxxx-1500-68.png" alt=""></div>-->
                    <div class="wares-cont">
                        <ul class="clearfix">
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a163dd1ne09fad4b.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a546fadn096d46b4.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="tab_history" class="weui-tab__bd-item">
                <div class="index-wares">
                    <!--<div class="wares-title"><img src="picture/tb1aw9jsvxxxxxqxxxxxxxxxxxx-1500-68.png" alt=""></div>-->
                    <div class="wares-cont">
                        <ul class="clearfix">
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a27ae6dnc530b5bb.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/5a546fadn096d46b4.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                            <li class="col-sm-6 col-xs-6 ware-box">
                                <a href="item.html">
                                    <div class="ware-img">
                                        <img src="picture/596c8b4en3c8ba6a7.jpg!q70.jpg" alt="">
                                        <span class="ware-vip">vip专享</span>
                                    </div>
                                    <h3 class="ware-title">Apple 苹果 iPhoneX 全新发布</h3>
                                    <p class="ware-des">全网通 64G 深空灰</p>
                                    <span class="ware-prince theme-color">￥8088.00</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>